<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="css/index.css" />
	</head>

	<body>
		<img class="back" src="img/background.gif"/>
		<div id="img-container" ondragstart="return false;"></div>
		<img class="fore" src="img/foreground.gif" ondragstart="return false;"/>
		<div class="spread">
			<img src="img/qrcode.png"/>
			<p>扫码参与互动</p>
		</div>
		<div class="toolbar">
			<button class="mode-button">随机模式</button>
		</div>
	</body>

</html>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="js/list.js" ></script>
<script type="text/javascript" src="js/ImageWall.js" ></script>
<script type="text/javascript" src="js/index.js"></script>
<script>
	$('.mode-button').click(function(){
		if($('.mode-button').html() == '单张模式'){
			config.mode = 'random';
			config.maxShowNumber = 5;
			show();
			$('.mode-button').html('随机模式')
		}else{
			config.mode = 'scale';
			config.maxShowNumber = 0.2;
			show();
			$('.mode-button').html('单张模式')
		}
		
	})
	$('.toolbar').hide()
	$(document).mousemove(function(e){
		if(e.clientY > $('body')[0].clientHeight- 60){
			$('.toolbar').attr('style','left: 0;bottom: 0px;')
		}else{
			
		}
	})
	$('.toolbar').mouseleave(function(){
		$('.toolbar').attr('style','left: 0;bottom: -60px;')
	})
</script>